// const vuxLoader = require('vux-loader')
const webpack = require('webpack')
const path = require('path')//
const resolve = dir => path.join(__dirname, dir)//
module.exports = {
  // 将部署应用程序的基本URL
  // 将部署应用程序的基本URL。
  // 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。
  // https://www.my-app.com/。如果应用程序部署在子路径上，则需要使用此选项指定子路径。例如，如果您的应用程序部署在https://www.foobar.com/my-app/，集baseUrl到'/my-app/'.
  publicPath: process.env.NODE_ENV === 'production' ? './' : './',

  // outputDir: 在npm run build时 生成文件的目录 type:string, default:'dist'

  outputDir: 'dist',
  // assetsDir: "./mobile_static",
  // indexPath: './mobile_index.html',
  // productionSourceMap: false,

  // pages:{ type:Object,Default:undfind } 
/*
构建多页面模式的应用程序.每个“页面”都应该有一个相应的JavaScript条目文件。该值应该是一
个对象，其中键是条目的名称，而该值要么是指定其条目、模板和文件名的对象，要么是指定其条目
的字符串，
注意：请保证pages里配置的路径和文件名 在你的文档目录都存在 否则启动服务会报错的
*/
//   pages: {
//       index: {
//           //entry for the page
//           entry: 'src/main.js',
//           //the source template
//           template: 'public/index.html',
//           //output as dist/index.html
//           filename: 'index.html'
//       },
//       // when using the entry-only string format,
//       // template is inferred to be `public/subpage.html`
//       // and falls back to `public/index.html` if not found.
//       // Output filename is inferred to be `subpage.html`.
//       // subpage: 'src/subpage/main.js'
//  },

  //   lintOnSave：{ type:Boolean default:true } 问你是否使用eslint
  //    关闭eslist规范
  lintOnSave: false,//是否开启eslint
  // productionSourceMap：{ type:Bollean,default:true } 生产源映射
  // 如果您不需要生产时的源映射，那么将此设置为false可以加速生产构建
  productionSourceMap: false,
  // devServer:{type:Object} 3个属性host,port,https
  // 它支持webPack-dev-server的所有选项

  devServer: {
      port: 8090,// 端口号
      host: '0.0.0.0',
      https: false, // https:{type:Boolean}
      open: true, //配置自动启动浏览器
      hotOnly:true
      // proxy:"http://192.168.253.37:8081"
      //  proxy: {
      //   // '/api': {
      //   //    target:' http://192.168.253.210:8081/'
      //   //  }
      //   '/api': {                                // 要代理的接口名
      //     target: 'http://192.168.253.210:8081/',   // 要代理的接口地址
      //     changeOrigin: true,                            // 允许跨域
      //     pathRewrite: { '^/api': '' }            // 接口名重写
      //   }
      //   // "/api": {
      //   //   target: "http://192.168.253.210:8081",
      //   //   ws: true,  
      //   //   changeOrigin: true,
      //   //   pathRewrite: {
      //   //       '^/api': '/api'
      //   //   }
      //   // }
      //  }
       
        //  // 配置跨域处理,只有一个代理
  },

  css: {
    loaderOptions: {
    css: {},
    postcss: {
        // 没用到转换 这里先注释掉
         plugins: [
        // require('postcss-px2rem')({
        //     remUnit: 37.5
        // })
         ]
        }
    }
  },
  chainWebpack: config => {
    // 设置快捷路径， @ 表示 'src' ，components 表示 'src/components'
    config.resolve.alias
      // .set('@', resolve('src'))
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('views', resolve('src/views'))
      .set('img', resolve('src/assets/image'))
  },
  // configureWebpack: {
  //      plugins: [
  //         new webpack.ProvidePlugin({
  //           $:"jquery",
  //           jQuery:"jquery",
  //           "windows.jQuery":"jquery"
  //         })
  //       ]
  //   }
}
